浮动的设计初衷
虽然最初创造浮动并不是为了用于页面布局，但它在布局方面表现得很出色。然而为了理解浮动，我们首先必须牢记它的设计初衷
浮动能将一个元素（通常是一张图片）拉到其容器的一侧，这样文档流就能够包围它（如图 4-1 所示）。这种布局在报纸和杂志中很常见，因此 CSS 增加了浮动来实现这种效果
上图中，一个元素被拉到了左侧，它也可以浮动到右侧。浮动元素会被移出正常文档流，并被拉到容器边缘。文档流会重新排列，但是它会包围浮动元素此刻所占据的空间。如果让多个元素向同侧浮动，它们就会挨着排列，如图 4-2 所示
References